<template>
  <div>
    <div class="root">
      <div class="rong1">司机贡献分规则设置</div>
      <div class="rong2">
        <span class="span1">司机没完成一单</span>
        <div class="fen"><span>增加贡献分</span><input/></div>
        <div class="price">
            <span class="span2">司机每完成一单金额</span>
            增加贡献分<input/><span style="margin-left: 4px;">分/元</span> 
        </div>
        <div class="user">
            <span class="span3">推广乘客数量每一名</span>
            <span class="fenadd1">增加贡献分</span><input/>
        </div>
      </div>
      <div class="rong2">
        <span class="span1">推广的乘客，乘客下第一单</span>
        <div class="fen fenadd"><span>增加贡献分</span><input/></div>
        <div class="price">
            <span class="span2">拾金不昧每次</span>
            <span class="spanadd">增加贡献分</span><input/><span style="margin-left: 4px;">分/元</span> 
        </div>
        <div class="user">
            <span class="span3">网约车资格证每单</span>
            <span class="fenadds">增加贡献分</span><input/>
        </div>
      </div>
      <div class="rong2">
        <span class="span1">道路运输证每单</span>
        <div class="fen"><span>增加贡献分</span><input/></div>
        <div class="price">
            <span class="span2">推广司机数量每一名</span>
            增加贡献分<input/><span style="margin-left: 4px;">分/元</span> 
        </div>
        <div class="user">
            <span class="span3">推广的司机前10单每单</span>
            增加贡献分<input/>
        </div>
      </div>
      <div class="rong2">
        <span class="span1">乘客五星好评一次</span>
        <div class="fen"><span class="haopin">增加贡献分</span><input/></div>
      </div>
      <div class="rong2">
        <span class="span1">注意：称号增加贡献分在称号设置中</span>
      </div>
      <div class="rong2">
        <span class="span1">用户合伙人贡献分规则设置</span>
      </div>
      <div class="rong2">
        <span class="span1">推广的乘客，乘客下第一单</span>
        <div class="fen"><span class="fentom">增加贡献分</span><input/></div>
      </div>
      <el-button type="primary">保存</el-button>
    </div>
    <div class="bottom">后台填入相关数据后，用户/司机在满足其中规则后就可获得贡献分（贡献分），他们均需要成为合伙人才可以有这些规则</div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
    .root{
        width:95vi;
        height: 60vh;
        background-color: whitesmoke;
        padding: 17px 0 0 30px;
        .rong1{
            // background-color:skyblue;
            font-size: 15px;
        }
        .rong2{
            display: flex;
            // background-color: slateblue;
            margin-top: 20px;
            .span1{
                font-size: 15px;
                margin-right: 110px;
            }
            .fen{
                display: flex;
                align-items: center;
            }
            .price{
                display: flex;
                align-items: center;
                .span2{
                    font-size: 15px;
                    margin:0 10px 0 60px;
                }
                
            }
            .user{
                display: flex;
                align-items: center;
                .span3{
                    font-size: 15px;
                    margin:0 10px 0 60px;

                }
            }
            
        }
        button{
            margin-top: 50px;
            height: 28px;
            width: 100px;
        }
    }
    input{
        width: 90px;
        height: 26px;
        margin-left: 4px;
        border:1px solid rgb(100,100,100)
    }
    .fenadd{
        margin-left: -75px;
    }
    .spanadd{
        margin-right: 46px;
    }
    .fenadds{
        margin-left: 31px;
    }
    .fenadd1{
        margin-right: 17px;
    }
    .haopin{
        margin-left: -15px;
    }
    .fentom{
        margin-left: -75px;
    }
    .bottom{
        font-size: 22px;
        font-weight: bold;
        margin: 40px 0 0 5%;
    }
</style>